@charset "UTF-8";
/* -------------------------------------------------------- CSS Information */
/*body*/
html,
body {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	background:#e8e8e8;
	margin:0; padding:0;
	height:100%;
}
body, div, section, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, tr, embed, object, a, img {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
#wrapper {
	min-height:100%;
	position:relative;
}

/*link*/ 
a {
	color: #aa288a;
}
a img {
	border-style: none;
}
a:visited {
	color: #aa288a;
	text-decoration:none;
}
a:hover {
	color: #aa288a;
	text-decoration:none;

}
/*font*/
h1, h2, h3, h4, h5, h6, p {
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
}
/*others*/
table {
	border-spacing:0;
}
* html table {
	border-collapse:collapse;
}
*:first-child+html table {
	border-collapse:collapse;
}
th, td {
	vertical-align: middle;
	border-collapse:collapse;
}
table, th, td, tr, img {
	border:0;
}
img {
	vertical-align:bottom;
}
input {
	vertical-align:middle;
}
q:before, q:after {
	content:'';
}
ul {
	list-style: none;
}
/*HeaderBox*/
#headerarea {
	height: 134px;
	text-align: left;
	margin:0 20px 0 20px;
}
#header {
	height: 134px;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	background:url(../images/header_bg.jpg) 0 0 repeat-x;
}
#header01{float:left; margin:0; padding:0; width:100%;}
#header01 p.logo{float:left; margin:0; padding:12px 0 12px 28px; line-height:1%}
#header02{float:left; margin:0; padding:0; width:100%;}
#header02_01{float:left; margin:0; padding:0; width:604px;}
#header02_01 ul.ul_menu{float:left; margin:0; padding:0; display:inline;}
#header02_01 ul.ul_menu li{float:left; margin:0; padding:0; list-style:none;}
#header02_02{float:right; margin:0; padding:0;}
#header02_02 p{float:left; margin:0; padding:0; line-height:1%;}

/*------------------------------------------------------------Content*/
/*ContentareaBox*/
#contentarea {
	margin:0 20px 0 20px;
}
#content {
	float:left;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-size:12px;
	line-height:1.43em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0;
}

/*------------------------------------------------------------All_Meal_Plans*/
.bg01{border-bottom:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; border-top:none; width:100%;}
.bg02{background:url(../images/bg01.jpg) 0 0 repeat; margin:0; padding:0;}
.bg03{background:url(../images/bg02.jpg) left top repeat-x; margin:0; padding:0 0 39px 0;}
@-moz-document url-prefix() { 
  .bg03{background:url(../images/bg02.jpg) left top repeat-x; margin:0; padding:0 0 48px 0;}
}
*:first-child+html .bg03{background:url(../images/bg02.jpg) left top repeat-x; margin:0; padding:0 0 58px 0;}
.left{float:left; margin:25px 0 0 15px; padding:0; width:300px;}
.right{float:right; margin:0; padding:20px 0 0 0; width:55px;}
.search_bg{width:300px; height:27px; border:1px solid #c1c1c1;}
.txt_box{float:left; margin:5px 0 0 0; padding:0 0 0 5px; display:inline;}
.txt_box input{border:none;}
.btn_search{float:right; margin:0; padding:4px 6px 0 0; line-height:1%;}
ul.ul01{float:left; margin:0 0 0 15px; padding:0;}
ul.ul01 li{float:left; margin:0 18px 18px 0; padding:0; display:inline; list-style:none;}

/*------------------------------------------------------------All_Recipes*/
#all_recipes #header_left {
	height: 134px;
	width: 80%;
	text-align: left;
	background:url(../images/header_bg.jpg) 0 0 repeat-x;
	margin:0; padding:0;
	float:left;
}
#all_recipes #header_left #header01{float:left; margin:0; padding:0; width:100%;}
#all_recipes #header_left #header01 p.logo{float:left; margin:0; padding:12px 0 12px 28px; line-height:1%}
#all_recipes #header_left #header02{float:left; margin:0; padding:0; width:100%;}
#all_recipes #header_left #header02{float:left; margin:0; padding:0; width:604px;}
#all_recipes #header_left #header02 ul.ul_menu{float:left; margin:0; padding:0; display:inline;}
#all_recipes #header_left #header02 ul.ul_menu li{float:left; margin:0; padding:0; list-style:none;}

#all_recipes #header_right {
	height: 134px;
	width: 20%;
	text-align: left;
	margin:0; padding:0;
	float:right;
}
#all_recipes #header_right #header03 p{float:right; margin:0; padding:94px 0 0 0; line-height:1%;}

.alpha01{float:left; width:80%; margin:0; padding:0;}
.beta01{float:right; width:19%; margin:0; padding:0;}
.bg04{width:100%; border:1px solid #c1c1c1;}
.bg05{background:url(../images/bg03.jpg) 0 0 repeat; margin:0; padding:0;}
.bg06{background:url(../images/bg04.jpg) left top repeat-x; margin:0; padding:5px 5px 0 5px;}
.title01{float:left; margin:0; padding:3px 0 0 0; line-height:1%;}
.btn_close{float:right; margin:0; padding:0; line-height:1%;}

/*radio_button background*/
input[type="radio"].css-radio_button {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

.css-label {
	padding-left:22px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/btn_radio.jpg);
	height:19px;
}
.radio{
	padding-left:22px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/btn_radio.jpg);
	background-position: 0 -19px;
	height:19px;
}
/*checkbox background*/
input[type="checkbox"].css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

.css-label01 {
	padding-left:22px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/btn_checkbox.jpg);
}
.ch{
	padding-left:22px;
	height:18px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../images/btn_checkbox.jpg);
	background-position: 0 -18px;
}
.left01{float:left; margin:0; padding:0; width:30px;}
.right01{float:left; margin:0; padding:3px 0 0 0;}
.bg_gray{background:#c2c2c2; margin:0 0 10px 0; padding:5px 5px 5px 10px;}
ul.ul02{float:left; margin:0 0 10px 20px; padding:0; font-size:14px;}
ul.ul02 li{float:left; margin:0; padding:0 0 5px 0; list-style:none; width:100%;}
.txt_bg01{width:130px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg01 input{border:none;}
.txt02{float:left; margin:0 5px 0 0; padding:3px 0 0 0;}
.txt03{float:left; margin:0; padding:0; font-size:14px; font-weight:bold;}
.txt04{float:right; margin:0; padding:9px 0 0 0; line-height:1%;}
/*------------------------------------------------------------My_Meal_plan*/
.right02{float:right; margin:0; padding:20px 0 0 0; width:105px;}
.img01{float:left; margin:0; padding:0; line-height:1%;}
.img02{float:left; margin:0 0 0 5px; padding:0; line-height:1%;}

/*------------------------------------------------------------New_recipes*/
.alpha02{float:left; width:20%; margin:15px 0 15px 15px; padding:0;}
.beta02{float:right; width:77%; margin:5px 17px 15px 0; padding:0;}
.img03{margin:15px 0 15px 35px; line-height:1%; padding:0;}
ul.ul03{float:left; margin:0 0 0 9px; padding:0;}
ul.ul03 li{float:left; margin:0 5px 0 0; padding:0; list-style:none; display:inline;}
.title01{font-size:20px; font-weight:bold; line-height:2em;}
.title02{font-size:16px; font-weight:bold; line-height:1.8em;}

.bg07{background:url(../images/bg05.jpg) 0 0 repeat; margin:0; padding:0;}
.bg08{background:url(../images/bg06.jpg) left top repeat-x; margin:0; padding:10px; font-size:16px;}
.bg09{background:url(../images/bg07.jpg) 0 0 repeat; margin:0; padding:0;}
.bg10{background:url(../images/bg08.jpg) left top repeat-x; margin:0; padding:10px; font-size:16px;}
.bg11{background:url(../images/bg09.jpg) 0 0 repeat; margin:0; padding:0;}
.bg12{background:url(../images/bg10.jpg) left top repeat-x; margin:0; padding:10px; font-size:16px;}
.bg13{background:url(../images/bg11.jpg) 0 0 repeat; margin:0; padding:0;}
.bg14{background:url(../images/bg12.jpg) left top repeat-x; margin:0; padding:10px; font-size:16px;}

.w30pc{width:30%; float:left; margin:0; padding:0;}
.txt01{float:left; margin:0 5px 0 0; padding:0;}
.txt_bg{width:60px; border:1px solid #c1c1c1; float:left; background:#fff; padding:3px 0 3px 0;}
.txt_bg input{border:none;}
.txt_blue{color:#003fcf;}
/*------------------------------------------------------------Float*/
/*FloatLeft*/
.float_left {
	float: left;
}
/*FloatRight*/
.float_right {
	float: right;
}
/*ClearBoth*/
.clearboth {
	clear: both;
}
/*bold*/
.tx_bold {
	font-style: normal;
	font-weight: bold;
}
/*------------------------------------------------------------Margin*/
.mar_b10{margin-bottom:10px;}
.mar_b15{margin-bottom:25px;}
/*------------------------------------------------------------ClearFix*/
.clearfix:after {
	content: url(../images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}

/*------------------------------------------------------------Footer*/
/*FooterBox*/
#footerarea {
	text-align: left;
	margin:0 20px 0 20px;
	padding:0;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
#footer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position:absolute;
	bottom:0;
	left:0;
}
#footer01{float:left; margin:0 0 0 20px; padding:0; width:200px; position:relative;}
.copyright {font-size: 11px; padding:10px 0 0 0; margin:0;}
#footer02{float:right; margin:0 20px 0 0; padding:10px 0 0 0; width:140px; position:relative;}
ul.ul_footer{float:left; margin:0; padding:0;}
ul.ul_footer li{float:left; margin:0; padding:0; display:inline; list-style:none; color:#000; width:70px;}
ul.ul_footer li a{float:left; margin:0; padding:0; display:inline; list-style:none; text-decoration:none; color:#000; }
ul.ul_footer li a:hover{float:left; margin:0; padding:0; display:inline; list-style:none; text-decoration:underline; color:#000; }
ul.ul_footer li.li01{float:left; margin:0; padding:0; display:inline; list-style:none; color:#000; width:20px;}
ul.ul_footer li.li02{margin:0; padding:0; display:inline; list-style:none; color:#000; width:45px;}

/*PageNavi*/
.page{float:right; margin:10px 0 0 0; padding:0;}
#pagenavi {
	margin: 0;
	padding: 19px 10px 5px;
	text-align: center;
}
#pagenavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
#pagenavi li span {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 5px;
	padding: 3px 10px;
	color: #666666;
	border: 1px solid #CCC;
	background: #E4E4E4;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
    -webkit-border-radius: 3px;
	/* Firefox */
    -moz-border-radius: 3px;
}
#pagenavi li a {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	margin-bottom: 5px;
	padding: 3px 10px;
	color: #666666;
	border: 1px solid #CCC;
	background: #F2F2F2;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0 #FFF;
	/* Webkit */
    -webkit-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	/* Firefox */
    -moz-border-radius: 3px;
	background: -moz-linear-gradient(top, #fff, #eee);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}
#pagenavi li span {
	color: #999;
}
#pagenavi li a:hover {
	background: #DFDFDF;
}

